<%--
  Created by IntelliJ IDEA.
  User: LJX
  Date: 2019/9/26
  Time: 20:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/adopt/indexCss.css" media="all">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap/css/bootstrap.min.css">

    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/adopt/adoptCatCss.css" type="text/css">
<style>
    body{
        background-image: url("../../imgs/person-all.jpg");

        background-size: 70%  100%;
        height:650px;
        background-position:  200px 0px;
        background-repeat: no-repeat;

    }
    .registe{
        width:400px;
        height:300px;
        /* background-color:black; */
        margin-top:0px;
        padding-top:50px;
        margin-left:500px;
        /* opacity: 0.7; */
        background-color:rgba(1,1,1,0.7);

    }
    .milder_H{
        padding-top:60px;
    }
    .milder_M{
        padding-top:20px;
        float:left;
    }
    .link a{
        text-decoration: none;
        color:white;
        margin-left:300px;



    }

    button{
        /* background-color:cyan; */
        border:1px solid lightgray;


        /* opacity: 0.1; */
        /* color:lightsalmon; */
        border-radius:25px 25px 25px 25px

    }
    input{
        background-color:rgba(207, 203, 203,0.2);
        /* border:1px solid cyan;
         */
        /* opacity: 0.1; */
        /* color:cyan; */
    }
</style>
</head>
<body>
<div class="registe" >
    <div class="container">
        <div class="row">
            <!-- 文字  账号登录 -->
            <div class="header" style="float:left; margin-left:60px">
                <h3 > <font color=""> 账号登录</font></h3></div>
            <!-- 文字  短信登录 -->
            <!-- <div class="header" style="float:right; margin-right:80px; ">
            <a onclick="f('ycbc')"><h3 > <font color="" > 短信快捷登录</font></h3></a></div> -->
            <!-- 水平线 -->
            <div class="header" style="padding-top:70px;">
                <hr color="">
            </div>
            <!-- 手机号  表单 -->
            <form action="<%=request.getContextPath()%>/user/loadList">
                <input type="text" placeholder="用户名" style="margin-top:20px; margin-left:30px;width:330px; height:45px;">
                <br>
            <%--</form>--%>
            <!-- 密码  表单 -->
            <%--<form action="input_password">--%>
                <input type="password" placeholder="请输入密码" style="margin-top:20px; margin-left:30px;width:330px; height:45px;">
            <%--</form>--%>
            <!-- 忘记密码  链接 -->
            <div class="link" style="margin-top:15px; " >
                <a href="forgetpassword.html"> <font color="lightsalmon">忘记密码</font> </a>
            </div>
            <!-- 登录 按钮 -->
            <!-- <button type="button" class="btn btn-warning" style=" height:40px; width:300px; margin-left:40px; margin-top:20px;"><font color="black">登录</font></button> -->
            <div class="link" style="margin-top:15px;">
                <button type="button" class="layui-btn layui-btn-warm layui-btn-radius" style=" height:40px; width:300px; margin-left:40px; margin-top:20px;">登录</button>
            </div>
            <!-- <button type="button" class="layui-btn layui-btn-warm">暖色按钮</button> -->

            <div class="footer" style="margin-top:30px;margin-left:50px;">
                <a href=""><span id="qqLoginBtn"><img src="../../imgs/personal-qq.jpg" style="width:40px;height:40px;border-radius: 50%;"></span></a>

                <a href=""><img src="../../imgs/personal-weixin.jpg" style="width:40px;height:40px;border-radius: 50%;margin-left:60px;"></a>

                <a href><img src="../../imgs/personal-weibo.jpeg" style="width:40px;height:40px;border-radius: 50%;margin-left:60px;"></a>

            </div>
            </form>
        </div>

    </div>
</div>

<script src="<%=request.getContextPath()%>/plugins/layui/layui.js" charset="utf-8"></script>
<script src="<%=request.getContextPath()%>/plugins/jquery/jquery.min.js"></script>
<script src="<%=request.getContextPath()%>/plugins/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
